<template>
  <div style="margin-bottom: 20px">

    <table-view :data="tableData">
      <el-table-column
              min-width="150"
              show-overflow-tooltip
        prop="agentInfo.agentName"
        label="代理商名称"
        align="center"
        header-align="center"
      />
      <el-table-column
              min-width="100"
              show-overflow-tooltip
        prop="agentInfo.agentNumber"
        label="代理商编号"
        align="center"
        header-align="center"
      />
<!--      <el-table-column-->
<!--              show-overflow-tooltip-->
<!--        prop="productPopularName"-->
<!--        label="代理商级别"-->
<!--        align="center"-->
<!--        header-align="center"-->
<!--      >-->
<!--        <template #default="scope">-->
<!--          {{ getLabel('agent_level',scope.row.agentInfo.agentLevel) }}-->
<!--        </template>-->
<!--      </el-table-column>-->
      <el-table-column
              width="100"
              show-overflow-tooltip
        prop="productPopularName"
        label="所在地区"
        align="center"
        header-align="center"
      >
        <template #default="scope">
          {{ scope.row.agentInfo.provinceName + scope.row.agentInfo.cityName + scope.row.agentInfo.areaName + scope.row.agentInfo.address }}
        </template>
      </el-table-column>
      <el-table-column
              width="140"
              prop="returnAmount"
              label="回款营销额(元)"
              align="right"
              header-align="center"
      >
        <template #default="{row}">
          {{ isInteger(row.returnAmount) }}
        </template>
      </el-table-column>
      <el-table-column
              width="160"
              prop="productPopularName"
              label="交易价营销额(元)"
              align="right"
              header-align="center"
      >
        <template #default="{row}">
          {{ isInteger(row.productPopularName) }}
        </template>
      </el-table-column>
      <el-table-column
              width="160"
              prop="firstTerminalAmount"
              label="第1终端营销额(元)"
              align="right"
              header-align="center"
      >
        <template #default="{row}">
          {{ isInteger(row.firstTerminalAmount) }}
        </template>
      </el-table-column>
      <el-table-column
              width="160"
              prop="secondTerminalAmount"
              label="第2终端营销额(元)"
              align="right"
              header-align="center"
      >
        <template #default="{row}">
          {{ isInteger(row.secondTerminalAmount) }}
        </template>
      </el-table-column>
      <el-table-column
              width="160"
              prop="thirdTerminalAmount"
              label="第3终端营销额(元)"
              align="right"
              header-align="center"
      >
        <template #default="{row}">
          {{ isInteger(row.thirdTerminalAmount) }}
        </template>
      </el-table-column>

    </table-view>

  </div>
</template>

<script>
import {defineComponent} from 'vue'

export default defineComponent({
  name: 'TwoClientView',
  props: {
    tableData: {
      type: Array,
      default: [],
    },
  },
  setup() {
    return {}
  },
})
</script>

<style scoped>
</style>
